<template>
  <div id="app" class="container" >
    
    <router-view name="hearder"></router-view>
    <router-view name="beoder"></router-view>
    <router-view name="body"></router-view>
    <router-view name="fooder"></router-view>
    
  </div>
</template>

<script>
import 'bootstrap/dist/css/bootstrap.min.css'

export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  
  
  /* width: 100%;
  height: 100%px; */
  /* margin: 0; */
  padding: 0;
 

}
</style>
